/*页面容器*/
.list-page {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
    overflow-x: hidden;
}

/*头部操作栏*/
.list-page-header {
    width: 100%;
    padding: 20px 10px 10px 10px;
}

/*头部Flex布局*/
.list-page-header-flex {
    display: flex;
    justify-content: space-between;
}

.list-page-header-flex .flex-left {
    padding: 0;
}

.list-page-header-flex .left-right {
    display: flex;
}

/*头部搜索框*/
.list-page-header-flex .search-input-class {
    width: 180px;
    margin-right: 10px;
}

/*表格容器*/
.list-content {
    padding: 0 10px;
}

/*分页容器*/
.list-footer {
    padding: 10px;
}

/*表单弹框*/
.list-form-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background: #fff;
    overflow: scroll;
    overflow-x: hidden;
}

/*表单页面动态效果*/
.slide-fade-enter-active {
    transition: all 0.3s ease-out;
}

.slide-fade-leave-active {
    transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter-from,
.slide-fade-leave-to {
    transform: translateX(20px);
    opacity: 0;
}
